<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字体文本属性</title>
		<style>
			#p1 {
				font-size: 16px;
				font-family: "微软雅黑";
				/* 字体粗细程度：
					lighter:100,normal:400,blod:700,bloder:900 
				*/
				font-weight: bolder;
				/*  字体倾斜程度：
					normal:正常，italic:倾斜，oblique:倾斜+
				*/
				font-style: oblique;
			}
			#p2 {
				/* 注意书写的顺序 */
				font: bold italic 30px "宋体";
				/* 水平对齐：left/center/right */
				text-align: center;
			}
			p.p3 {
				/* 首行缩进：2em=32px，2个标准中文字符的距离 */
				text-indent: 2em;
				/* 行间距 */
				line-height: 24px;
				/* 字符间距 */
				/* letter-spacing: 8px; */
				/* 单词间距 */
				word-spacing: 16px;
				/* 
				 uppercase：所有字母转大写
				 lowercase：所有字母转小写
				 capitalize：每个单词首字母大写
				 none：还原，消除
				 */
				text-transform: none;
				/* 
				 underline：下划线
				 overline：上划线
				 line-through：中划线、删除线
				 none：消除，还原
				 */
				text-decoration: line-through;
			}
		</style>
	</head>
	<body>
		<p id="p1">第一段文本</p>
		<p id="p2">第二段文本</p>
		<hr />
		<p class="p3">
			层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1]
		</p>
		<p class="p3">
			CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 [2]
		</p>
	</body>
</html>